/******公用样式开始*******/
ul, li, ol, p, a{ margin: 0; padding: 0; }
ul, ol, li { list-style: none;}
img { border: none; }
textarea { resize: none; padding: 5px; }
button, a { outline: none; cursor: pointer; }
.fl { float: left; }
.fr { float: right; }

.common_width { width: 1170px; margin: 0 auto; }
.bdn { border-right: none !important; }
.f_count { color: #ff8c12; font-weight: bold; }
.tel_infomaition a:hover, .top_box2 .top_tel_container a:hover, .top_head_box3 .top_head_right a:hover, .top_box4 .top_right a:hover { text-decoration: underline; }

@media (min-width: 1024px) { /**公共1024区分**/
nav.navbar.bootsnav ul.nav > li > a { font-size: 16px; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover { background: #f4f4f4; }
nav.navbar.bootsnav ul.nav > li > a { font-weight: normal; }}

@media (max-width: 992px) { /**公共992区分**/
body.side-right nav.navbar.bootsnav .navbar-toggle { float: left; }
nav.navbar.bootsnav.navbar-mobile ul.nav, body nav.navbar.bootsnav .navbar-nav > li > a { border-top: none; }
body nav.navbar.bootsnav .navbar-toggle { margin-top: 6px; padding: 0 5px; }}

@media (max-width: 767px) { /**公共767区分**/
nav.navbar.bootsnav.navbar-mobile ul.nav { border-top: none; }
.side-right nav.navbar.bootsnav .navbar-toggle { margin: 6px 0 0; }}
/******公用样式结束*******/



/*头部导航－第13种开始*/
.dianb_bt{float:left;border:1px solid #1c88ec;width: 50px;height: 50px;border-radius: 50%;text-align: center;margin-top: 10px;margin-left: 18px;}
.dianb_bt i{font-size: 30px;line-height: 50px;color: #1c88ec;}

header .header-con { padding:5px 0; border-bottom:1px solid rgba(255,255,255,.3);background:#333;}
header .header-con a { color: #fff; }
header .header-con a:hover { text-decoration: none; }
header .company-name { font-size: 13px; color:#fff;}
header .navbar-collapse  {}
header .header-logo { padding:0; }
header .header-phone img { padding-top: 7px; }
header .header-phone{color:#333;padding: 25px 10px;}
header .header-phone span { font-weight: 700;color:#333;line-height:1.3}
body.side-right { overflow: auto; }
header .navbar-nav { float: none; }
nav.navbar.navbar-default,nav.navbar.navbar-collapse{background:none}
nav.navbar.bootsnav ul.nav > li{width:12.5%; text-align:center;background:url(../images/anvline.png) no-repeat right center;}
nav.navbar.bootsnav ul.nav > li > a{color:#fff;padding:15.2px 0;}
nav.navbar.bootsnav ul.nav > li:hover,nav.navbar.bootsnav ul.nav > li a{ background:none;}
nav.navbar.bootsnav ul.nav > li a:hover{ background:#1c88ec;color:#fff }
nav.navbar.bootsnav ul.nav > li:hover,nav.navbar.bootsnav li.on{ color:#fff }
header .header-title { padding-top:2.2%;}
.nav > li:after{background:rgba(255,255,255,.2);}
nav.navbar.bootsnav ul.nav > li:last-child{background:none;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{font-size:15px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{color:#fff }

/* 小屏幕(平板，大于等于768px)*/
@media (min-width: 768px) {
header .header-logo { padding-bottom: 10px; }
header .header-logo h1 { font-size: 24px; font-weight: 700; }
header nav.navbar.bootsnav .navbar-toggle { float: left; }


}

/* 中等屏幕(桌面显示器，大于等于992px) */
@media (min-width: 992px) {
header .header-logo h1 { font-size:29px; font-weight: 700; }
header .header-logo .header-word1 { font-size: 16px; }
header .header-logo .header-word2 { font-size: 13px; }

  .header-phone img{display:none;}
nav.navbar.bootsnav a { font-size: 17px; }
header .navbar-bg{ background:url(../images/nbj_03.png) repeat center; }
  
}

/* 大屏幕(大桌面显示器，大于等于1200px) */
@media (min-width: 1200px) {
  header .header-phone span { font-size: 28px; padding-left:10px;padding-top:3px;}
header .header-logo { padding-bottom: 0; }
header .header-logo h1 { font-size: 36px; font-weight: 700; text-align:left; padding:0;}
header .header-logo .header-word1 { font-size: 17px; }
header .header-logo .header-word2 { font-size: 16px; }
  .header-phone img{display:block;}
header nav .nav-bg .navbar-nav li a { font-size: 17px; }
header nav .nav-bg .navbar-nav li a:hover { color: #333 !important; }
header nav.navbar.bootsnav a { font-size: 18px; }
header nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { padding: 15px 22px; }

}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {right:8%;}
/*头部导航－第13种结束*/
.navbar-header img{display:none;}
@media (max-width: 992px) {
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important} 
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{padding:10px 15px;}
  nav.navbar.bootsnav ul.nav > li{width:100%;background:none}
  nav.navbar.bootsnav ul.nav > li > a{color:#000}
  .navbar-toggle {display: block;}
  .navbar-brand {padding: 0 15px;height: 58px;}
  .navbar-header{width:80%;float:left!important;padding-left:15px!important;}
  .bootsnav{border:none !important}
  header .navbar-bg{height: 58px;} 
  nav.navbar.bootsnav .navbar-header{text-align:left;}
  nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{background:#6f9c0a !important;}
  nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu li a{color:#fff;}
  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{max-height:340px;}
  .navbar-header img{display:block;}
}

/*产品展示－第1种开始*/
.product_title h3{margin:15px 0;font-size: 24px;}
.product_content .pro_nav{}
.pro_nav li{margin-bottom: 2px;}
.pro_nav li a{display: block;padding: 9px 0;color:#333;font-size: 16px;background: #f2f2f2;}
.pro_nav li a:hover{background:#1c88ec;text-decoration: none;color:#fff;}
.pro_list .pro_img{border: 1px solid #ccc;height:180px;line-height: 180px;background: #fff;overflow: hidden; display:table-cell; vertical-align:middle; width:33.3333%;padding: 2.3%;}
.pro_list .pro_img:hover{border-color:#1c88ec; }
.pro_list .pro_img img{width:100%;height: 100%;}
.pro_list li{margin-bottom:25px;}
.pro_list li a{display: block;color:#333;}
.pro_list li a:hover{text-decoration: none;}
.pro_list li p{margin:10px 0 0;font-size: 15px;    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;}
@media (max-width: 992px){
.pro_list .pro_img{height:150px;line-height: 144px;}
}
@media (max-width: 767px){
.pro_list .pro_img{height:125px;}
.col-xs-4 { width:49.9999%;}
.pro_list li p{font-size: 12px;}
}
@media (max-width: 320px){
.pro_list .pro_img{height:125px;}
}
/*产品展示－第1种结束*/